
*{
 margin: 0;
 padding: 0;
 box-sizing: border-box; 
 
}
body{
 background: #fff;
 /* background-image: url("./image/background.jpg"); */
font-family: Hiragino Sans GB W3,microsoft yahei,WenQuanYi Micro Hei,sans-serif;
}
.iconfont{
 font-size: 25px;
 
}
/*顶部样式*/
.search{
    width: 100%;
    top: 0;
    left: 0;
}

/*轮播图样式*/
.swipper{
  padding: 10px;
  padding-top: 20px;
}
.swipper img{
  width: 100%;
  height: 160px;
  display: block;
}

/*分类栏样式*/
.classify{
 width: 100%;
 height: 50px;
}
 .classify ul{
  list-style: none;
  }
  .classify li{
  width: 25%;
  float: left;
  text-align: center;
  font-size: 14px;
  }

/*商品列表*/
.goods-list ul{
  overflow: hidden;
  margin-bottom: 60px;
}
.goods-list ul li{
  width: 45.5%;
  float: left;
  margin-left: 3%;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 10px;
  box-shadow: 0 .13333rem .13333rem #e5e5e5;
  padding-bottom: 10px;
}
.goods-list ul li img{
  width: 100%;
  height: 150px;
  border-radius: 10px;
}
.goods-list ul li p{
  font-size: 16px;
  padding: 0 10px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin: 10px;
}
.goods-list ul li .price span{
  font-size: 20px;
  color:#f63;
}
.goods-list ul li .price em{
  font-style: normal;
  font-size: 16px;
  text-decoration: line-through;
}

/*底部导航栏样式*/
.tabbar{
 width: 100%;
 position: fixed;
 bottom: 0;
 left: 0;
 background: #fff;
}
.tabbar ul{
list-style: none;
}
.tabbar li{
width: 25%;
float: left;
text-align: center;
padding: 6px 0;
font-size: 14px;
}
.tabbar ul,li,a{
text-decoration: none;
color: #000;
}